@import "./global.less";
@import "../color/color.less";
@import "../color/css-variables.less";
@import "./css-variables.less";


/******** size ********/
@size-none: 0;
@size-1: 4px;
@size-2: 8px;
@size-3: 12px;
@size-4: 16px;
@size-5: 20px;
@size-6: 24px;
@size-7: 28px;
@size-8: 32px;
@size-9: 36px;
@size-10: 40px;
@size-11: 44px;
@size-12: 48px;
@size-13: 52px;
@size-14: 56px;
@size-15: 60px;

@size-mini: 16px;
@size-small: 24px;
@size-medium: 32px;
@size-large: 40px;


/******** fontSize ********/
@font-size-12: 12px;
@font-size-13: 13px;
@font-size-14: 14px;
@font-size-16: 16px;
@font-size-20: 20px;
@font-size-24: 24px;
@font-size-28: 28px;
@font-size-32: 32px;
@font-size-36: 36px;
@font-size-40: 40px;
@font-size-48: 48px;
@font-size-56: 56px;



/******** fontWeight ********/
@font-weight-100: 100;
@font-weight-200: 200;
@font-weight-300: 300;
@font-weight-400: 400;
@font-weight-500: 500;
@font-weight-600: 600;
@font-weight-700: 700;
@font-weight-800: 800;
@font-weight-900: 900;


/******** lineHeihgt ********/
@line-height-base: 1.5715;


/******** radius ********/
@border-radius-none: 0;
@border-radius-small: 2px;
@border-radius-medium: 4px;
@border-radius-large: 8px;
@border-radius-circle: 50%;


/******** borderSize *******/
@border-none: 0;
@border-1: 1px;
@border-2: 2px;
@border-3: 3px;
@border-4: 4px;
@border-5: 5px;


/******** borderStyle *******/
@border-solid: solid;
@border-dashed: dashed;
@border-dotted: dotted;



